$(function () {
    // 需求，显示隐藏
    $("#loginBox a").on('click',function () {
        $("#loginBox").hide()
        $("#regBox").show()
    })

    $("#regBox a").on('click',function () {
        $("#loginBox").show()
        $("#regBox").hide()
    })

    // 自定义校验
    let form =layui.form
    form.verify({
        // 参数是一个对象，属性是规则名称，值是规则
        username:[
            /^[\S]{1,10}$/
            ,'用户名必须1到10位，且不能出现空格'
        ],


        pwd:[
            /^[\S]{6,15}$/
            ,'密码必须6到15位，且不能出现空格'
        ],

        // 确然密码规则
        repwe :function (value) {
        //    value 就是给那个标签添加这个校验规则，就赋值给value
            let pwd = $("#regBox input[name=password]").val()
            if (pwd !==value){
                return '两次密码输入不一致'
            }
        },
    })
    
    // 注册功能
    let layer =layui.layer

    $("#formReg").on('submit',function (e) {
        e.preventDefault()

        axios({
            method:'POST',
            url:'/api/reguser',
            data:$(this).serialize()
        }).then(res =>{

            if (res.data.status !== 0){
                return  layer.msg(res.data.message)
            }
            layer.msg(res.data.message)

            $("#regBox a").click()

            $("#formReg")[0].reset()

        })
    })

    // 登录
    $("#fromLogin").on('submit',function (e) {
        e.preventDefault()

        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res=>{
            if (res.data.status !== 0){
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)

            // 存储token
            localStorage.setItem('token',res.data.token)
            location.href='http://localhost:63342/dashijian/dsj1/index.html'
        })
    })
    
    
    
    
    
})
